<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui"
            xmlns:c="http://java.sun.com/jsp/jstl/core">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml">     
        
        <ui:define name="toolbar">            
            <h:form id="formToolbarOrdenCompra" >
                <p:panel  id="ordenCompraToolbarPanel" visible="true" closeSpeed="300" closable="true" closeTitle="Cerrar" header="Ordenes de Compra: nombre del componente ingreso consulta"  style="font-size: 12px; border-width: 0px">

                    <p:toolbar  id="toolOpcionesModeloCalzado" >
                        <p:toolbarGroup align="left" >
                            <p:commandButton id="botonNuevaOrdenCompra" update=":formDialogoIngresarOrdenCompra" oncomplete="dialogoIngresarOrdenCompra.show()"  type="push" title="Ingresar Pedido" icon="ui-icon-document" />
                            <p:separator />                            
                            <p:commandButton id="botonActualizarOrdenCompra" type="push" title="Actualizar Pedido" icon="ui-icon-arrowrefresh-1-w" actionListener="#{modelocalzadoWeb.clicBotonModificarModeloCalzado()}"  />                
                            <p:commandButton id="botonEliminarOrdenCompra" type="push" title="Eliminar Pedido"    actionListener="#{modelocalzadoWeb.clicBotonEliminarModeloCalzadoToolbar()}"    icon="ui-icon-trash" />                  
                            <p:separator  />
                            <p:commandButton  ajax="false" type="push" title="Imprimir" icon="ui-icon-print" />
                        </p:toolbarGroup>
                    </p:toolbar>
                </p:panel>
            </h:form>  
        </ui:define>
        <ui:define name="body">
            <style >
            .ui-datepicker{ font-size: 9pt;} .ui-button{font-size: 12pt;}
            .ui-tabs{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} 
            .ui-toolbar-group-left{font-size: 12px} 
            .ui-datatable .ui-datatable-header {text-align: left;}   
            
            .ui-picklist .ui-picklist-list {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    overflow:auto;
                    height:100px;
                    width:100px;
                }
                .ui-picklist .ui-picklist-list li {
                    margin: 1px;
                    padding: 2px;
                }

                .ui-picklist .ui-button {
                    display:block;
                    margin-bottom:0.3em;
                    width: 26px;
                    height: 26px;
                }

                .ui-picklist .ui-picklist-item {
                    cursor:pointer;
                    border:0px none;
                    font-weight: inherit;
                }

                .ui-picklist .ui-picklist-caption {
                    text-align: center;
                    padding:4px 10px 4px 10px;
                    border-bottom:0px none;
                }

                .ui-picklist table {
                    width:100%;
                    border-collapse:collapse;
                }
                .ui-picklist > tbody{
                    /*IE7 hack*/
                    *position: relative;
                }      
                .fileupload-content {border-width: 0px;}
        </style>
        
            <p:panel id="panelConsultarOrdenCompra"  style="font-size: 12px; border-width: 0px">   
                <h:form id="formBuscarOrdenCompra" style="width: 250px;  ">
                    <p:growl id="messagesOrdenCompra"/>
                    <p:fieldset toggleable="false" legend="Buscar Orden de Compra" style="font-size: 12px; width: 250px;left: 13px;top: 0px;position: absolute" >  
                        <h:panelGrid columns="1" cellpadding="2"  style="font-size: 12px;margin-right: 8px;text-align: right; vertical-align: middle" >             
                            <p:inputText id="textBuscarOrdenCompra" style="font-size: 12px" size="30"/>
                            <h:outputText value="por"  style="font-size: 12px" />
                            <h:selectOneMenu id="comboBuscarOrdenCompra"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Todos..." itemValue="todo"  />
                                <f:selectItem itemLabel="Numero Orden de Compra (Sistema)" itemValue="numeroordencompra" />
                                <f:selectItem itemLabel="Numero Nota Pedido (Fisico)" itemValue="numeronotapedido" />   
                                <f:selectItem itemLabel="Numero Cliente" itemValue="numerocliente" />
                                <f:selectItem itemLabel="Cedula/RUC Cliente" itemValue="cedularucclienteempresa" />                                   
                                <f:selectItem itemLabel="Nombre Cliente" itemValue="nombreclienteempresa" />  
                                <f:selectItem itemLabel="Numero Vendedor" itemValue="numerovendedor" />
                                <f:selectItem itemLabel="Cedula/RUC Vendedor" itemValue="cedularucvendedor" />
                                <f:selectItem itemLabel="Nombre Vendedor" itemValue="nombrevendedor" />                                
                                <f:selectItem itemLabel="Fecha de entrega" itemValue="fechaentrega" /> 
                                <f:selectItem itemLabel="Estado Orden:(Finalizado/No finalizado)" itemValue="pedidofinalizado" /> 
                            </h:selectOneMenu>
                            <h:outputText value="coincidencia de búsqueda"  style="font-size: 12px" />
                            <h:selectOneMenu  id="comboCoincidenciaBusquedaOrdenCompra"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Todas las Coincidencias" itemValue="todas"  />
                                <f:selectItem itemLabel="Coincidencia Exacta" itemValue="exacta" />
                                <f:selectItem itemLabel="Coincidencia Inicial" itemValue="inicial" />
                                <f:selectItem itemLabel="Coincidencia Final" itemValue="final" />                               
                            </h:selectOneMenu>
                            <p:commandButton ajax="true" id="botonBuscarOrdenCompra"  value="Consultar" icon="ui-icon-search" type="push" actionListener="#{modelocalzadoWeb.clicBotonBuscarModelocalzado('formBuscarModeloCalzado')}"  style="font-size: 12px; width: 100px; "  />                           
                        </h:panelGrid>  
                    </p:fieldset> 
                </h:form> 
                <p:tabView id="tabviewOrdenCompra" orientation="top" style="left:300px; top: 14px;position: absolute; width: 75%" >                    
                    <p:tab id="tabOrdenCompra" title="Ordenes de Compra ({modelocalzadoWeb.tablaDatosModelocalzado.size()} coincidencias)"  titleStyle="font-size: 12px;" >
                            <h:panelGrid columns="1" cellpadding="1" >
                                <h:form id="formTablaConsultarOrdenCompra" >
                                    <p:dataTable  id="tablaConsultarOrdenCompra" var="consultarOrdenCompra" value="#{modelocalzadoWeb.tablaDatosModelocalzado}"  widgetVar="tablaConsultarOrdenCompra" 
                                                emptyMessage="Búsqueda finalizada, no existe Ordenes de Compra con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{modelocalzadoWeb.modelocalzadoSeleccionado}" rowKey="#{consultarModeloCalzado.codestructuramateria}" >                                                                                      
                                        <p:ajax  event="rowSelect" listener="#{modelocalzadoWeb.eventoFilaSeleccionadaTablaConsultarModelocalzado()}"  process="@this"   /> 
                                        <p:column id="columnaNumeroOrdenCompra"  headerText="Numero Orden Compra (Sistema)"  style="width:115px" filterBy="#{consultarModeloCalzado.codestructuramateria}" sortBy="#{consultarModeloCalzado.codestructuramateria}" filterMatchMode="contains"  >
                                            <h:outputText value="#{consultarModeloCalzado.codestructuramateria}"  />
                                        </p:column>
                                        <p:column id="columnaNumeroNotaPedido" headerText="Numero Nota Pedido"  style="width:165px"  filterBy="#{consultarModeloCalzado.codigocalzado}" sortBy="#{consultarModeloCalzado.codigocalzado}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.codigocalzado}"   />
                                        </p:column>
                                        <p:column id="columnaNombreClienteOrdenCompra" headerText="Cliente"  style="width:204px" filterBy="#{consultarModeloCalzado.nombremodelo}" sortBy="#{consultarModeloCalzado.nombremodelo}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.nombremodelo}"  />
                                        </p:column>
                                        <p:column id="columnaFechaEntregaOrdenCompra" headerText="Fecha Entrega"  style="width:164px" filterBy="#{consultarModeloCalzado.lineaproduccionFk.nombrelineaproduccion}" sortBy="#{consultarModeloCalzado.lineaproduccionFk.nombrelineaproduccion}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.lineaproduccionFk.nombrelineaproduccion}"  />
                                        </p:column>
                                        <p:column id="columnaVendedorOrdenCompra" headerText="Vendedor"  style="width:144px" filterBy="#{consultarModeloCalzado.hormaFk.nombrehorma}" sortBy="#{consultarModeloCalzado.hormaFk.nombrehorma}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarModeloCalzado.hormaFk.nombrehorma}"  />
                                        </p:column>                                        
                                        <p:column id="columnaPedidoFinalizadoOrdenCompra" headerText="Pedido Finalizado"  style="width:110px" filterOptions="#{modelocalzadoWeb.estadoOpciones}" filterBy="#{consultarModeloCalzado.estado}" sortBy="#{consultarModeloCalzado.estado}" filterMatchMode="exact" >
                                            <h:outputText value="#{consultarModeloCalzado.estado==true ? 'Activo' :'Inactivo'}"  />
                                        </p:column>                                        
                                        <f:facet  name="footer" >
                                            <p:commandButton  id="botonMostrarDatosOrdenCompra" type="push"  actionListener="#{modelocalzadoWeb.clicBotonMostrarDatosModeloCalzado('formDialogoDatosModeloCalzado')}"    value="Mostrar Pedido" icon="ui-icon-search"     />
                                        </f:facet>
                                       </p:dataTable>                                
                                </h:form>   
                            </h:panelGrid>
                        </p:tab>                                                 
                    </p:tabView>                          
                </p:panel>                
            </ui:define>
            <ui:define name="dialogos" >
            <!--Dialogo para ver toda la ficha tecnica relacionada con modelo calzado -->                
            <h:form id="formDialogoDatosOrdenCompra">
                  
                    <!--p:graphicImage value="{modelocalzadoWeb.dmcImagen}" /-->
                
            </h:form> 
            
            <!--proceso de ingreso de orden de compra -->           
            <h:form id="formDialogoIngresarOrdenCompra">
                <p:dialog id="DialogoIngresarOrdenCompra" header="Ingresar Orden de Compra" widgetVar="dialogoIngresarOrdenCompra" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 460;overflow-y: auto" >
                    <h:panelGrid  columns="1" style="overflow-y: auto" >
                        <p:panel style="min-width: 800px; height: 70px;overflow-y: hidden ">
                            <h:outputText  value="Orden Nro."
                                           style="vertical-align: middle;                   text-align: right; height: 20px; width: 120px;left: 20px; top: 23px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textNumeroOrdenCompra" disabled="true" 
                                           style="width: 150px; font-size: 12px;left: 145px; top: 20px; position: absolute ; "/>
                            <h:outputText  value="* Nota de Pedido Nro."
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 10px; top: 53px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textNumeroNotaPedido"  
                                           style="width: 180px; font-size: 12px;left: 145px; top: 50px; position: absolute ; "/>
                            <h:outputText  value="* Fecha de Entrega:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 350px; top: 53px; position: absolute ; font-size: 12px"/>
                            <p:calendar id="calFechaEntregaOrdenCompra" requiredMessage="Ingrese la fecha" size="10"  mode="popup" showOn="button" navigator="true"  pattern="yyyy-MM-dd"  
                                           style="width: 180px; font-size: 12px;left: 485px; top: 50px; position: absolute ; "/>
                        </p:panel>
                        <p:panel style="min-width: 800px; height: 155px;overflow-y: hidden ">
                            <h:outputText  value="Cedula/RUC:"
                                           style="vertical-align: middle;                   text-align: right; height: 20px; width: 120px;left: 20px; top: 103px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textCedulaRucOrdenCompra" disabled="false" readonly="true"
                                           style="width: 162px; font-size: 12px;left: 145px; top: 100px; position: absolute ; "/>
                            <p:commandButton id="botonSeleccionarClienteOrdenCompra" value="Seleccionar Cliente" type="push" icon="ui-icon-contact" ajax="true" actionListener="#{pedidoWeb.clicBotonSeleccionarClienteOrdenCompra()}"
                                                style="font-size: 12px ;left: 324px; top: 97px; position: absolute; width: 190px;"  />
                            <!-- /////////////////////////////////////////////////////////////////////////  -->
                            <h:outputText  value="Cliente:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 10px; top: 133px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textClienteOrdenCompra"  readonly="true"
                                           style="width: 360px; font-size: 12px;left: 145px; top: 130px; position: absolute ; "/>
                            <!--  ///////////////////////////////////////////////////////////////////////// -->
                            <h:outputText  value="Telefono:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 10px; top: 163px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textTelefonoOrdenCompra"  readonly="true"
                                           style="width: 150px; font-size: 12px;left: 145px; top: 160px; position: absolute ; "/>
                            <h:outputText  value="Celular:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 225px; top: 163px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textTelefonoCelularOrdenCompra"  readonly="true"
                                           style="width: 147px; font-size: 12px;left: 360px; top: 160px; position: absolute ; "/>
                            <h:outputText  value="Prioridad cliente:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 490px; top: 163px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textPrioridadClienteOrdenCompra"  readonly="true"
                                           style="width: 100px; font-size: 12px;left: 625px; top: 160px; position: absolute ; "/>
                            <!-- ///////////////////////////////////////////////////////////////////////// -->
                            <h:outputText  value="Dirección:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 10px; top: 193px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textDireccionClienteOrdenCompra"  readonly="true"
                                           style="width: 360px; font-size: 12px;left: 145px; top: 190px; position: absolute ; "/>
                            <h:outputText  value="Cliente desde:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 490px; top: 193px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textFechaIngresoClienteOrdenCompra"  readonly="true"
                                           style="width: 100px; font-size: 12px;left: 625px; top: 190px; position: absolute ; "/>
                            <!-- /////////////////////////////////////////////////////////////////////////  -->
                            <h:outputText  value="Vendedor:"
                                           style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 130px;left: 10px; top: 223px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textVendedorOrdenCompra"  readonly="true"
                                           style="width: 180px; font-size: 12px;left: 145px; top: 220px; position: absolute ; "/>
                            <p:commandButton id="botonSeleccionarVendedorOrdenCompra" value="Seleccionar Vendedor" type="push" icon="ui-icon-contact" ajax="true" actionListener="#{pedidoWeb.clicBotonSeleccionarVendedorOrdenCompra()}"
                                                style="font-size: 12px ;left: 341px; top: 217px; position: absolute; width: 175px;"  />
                        </p:panel>
                        <p:panel style="min-width: 800px; height: 200px;overflow-y: hidden ">
                            <p:commandButton id="botonAgregarItemOrdenCompra"  value="Agregar Item" type="push" icon="ui-icon-circle-plus" onclick="dialogoAgregarItemOrdenCompra.show()"
                                                style="font-size: 12px ;left: 20px; top: 263px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonQuitarItemOrdenCompra" type="push" value="Quitar Item" icon="ui-icon-circle-minus"
                                                style="font-size: 12px ;left: 145px; top: 263px; width: 120px; position: absolute" /> 
                            <!-- ///////////////////////////////////////////////////////////////////////// -->
                            <p:scrollPanel id="scrollPanelTablaOrdenCompra" mode="native"  style="max-height: 155px;left: 20px; top: 297px; position: absolute" >
                                <p:dataTable id="tablaItemsOrdenCompra" value="{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaItemsOrdenCompra" style="width: 793px" scrollable="false"  scrollHeight="135" 
                                               emptyMessage="No hay items en el pedido" >                                
                                    
                                    <p:column id="columnaCodigoCalzadoOrdenCompra"  style="width: 260px;text-align: center; font-weight: 200">                                         
                                        <f:facet name="header">  
                                            <h:outputText value="Codigo Calzado" style="font-size: 8pt;font-weight: bold"/>                                
                                        </f:facet>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        
                                        <f:facet name="footer">  
                                            <h:outputText value="Codigo Calzado" style="font-size: 8pt;font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>
                                    <p:column id="columnaCueroOrdenCompra"  style="width: 260px;text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>  
                                    <p:column id="columnaTacoOrdenCompra"  style="width: 273px;text-align: center; font-weight: 200">                                    
                                        <f:facet name="header">  
                                            <h:outputText value="Taco" style="font-size: 8pt;font-weight: bold"/> 
                                        </f:facet>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <h:outputText value="{tablaEstructuraMateriales.nombreInsumo}"/>
                                        <f:facet name="footer">  
                                            <h:outputText value="Taco" style="font-size: 8pt;font-weight: bold"/> 
                                        </f:facet>
                                    </p:column>                                     
                                </p:dataTable> 
                            </p:scrollPanel>                            
                        </p:panel>
                        <p:panel style="min-width: 800px; height: 65px;overflow-y: hidden ">
                            <h:outputText  value="Observaciones:"
                                           style="vertical-align: middle;                        text-align: right; height: 20px; width: 120px;left: 20px; top: 477px; position: absolute ; font-size: 12px"/>
                            <p:inputTextarea id="textObservacionesOrdenCompra" disabled="false" 
                                           style="height: 45px;width: 360px; font-size: 12px;left: 145px; top: 477px; position: absolute ; overflow-y: auto "/>
                            <h:outputText  value="Total Pares:"
                                           style="vertical-align: middle; font-weight: bold ;text-align: right; height: 20px; width: 120px;left: 500px; top: 480px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textTotalParesOrdenCompra"  readonly="true"
                                           style="width: 100px; font-size: 12px;left: 625px; top: 477px; position: absolute ; "/>
                            <h:outputText  value="Valor Total: $" 
                                           style="vertical-align: middle;  font-weight: bold ; text-align: right; height: 20px; width: 120px;left: 500px; top: 510px; position: absolute ; font-size: 12px"/>
                            <p:inputText id="textTotalPrecioOrdenCompra"  readonly="true"
                                           style="width: 100px; font-size: 12px;left: 625px; top: 507px; position: absolute ; "/>
                            <h:outputText  value="dolares"
                                           style="vertical-align: middle;  font-weight: bold ; text-align: left; height: 20px; width: 90px;left: 740px; top: 510px; position: absolute ; font-size: 12px"/>
                        </p:panel>
                        <p:separator style="min-width: 800px;position: absolute;top: 537px"/>
                        <p:panel style="height: 25px;border-width: 0px ">
                            <p:commandButton id="botonGuardarOrdenCompraIngresar" value="Guardar" type="push" icon="ui-icon-disk"
                                                style="font-size: 12px ;left: 575px; top: 550px; position: absolute; width: 120px;"  />
                            <p:commandButton id="botonCancelarOrdenCompraIngresar" value="Cancelar" type="push" icon="ui-icon-trash"
                                                style="font-size: 12px ;left: 700px; top: 550px; position: absolute; width: 120px;"  />                            
                        </p:panel>    
                       
                    </h:panelGrid>
                </p:dialog>
            </h:form>                                  
            <!--seleccionar cliente --> 
            <h:form id="formDialogoSeleccionarClienteOrdenCompra">
                <p:dialog id="DialogoSeleccionarClienteOrdenCompra" header="Seleccionar Cliente" widgetVar="dialogoSeleccionarClienteOrdenCompra" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 300;overflow-y: auto" >
                    <h:panelGrid  columns="1" style="overflow-y: auto" >
                        <p:panel style="min-width: 580px; height: 70px;overflow-y: hidden ">
                            <h:outputLabel  for="textCedulaRucClienteSeleccionarOrdenCompra" value="Cedula / RUC:" 
                                           style=" font-weight: bold ; text-align: right;left: 10px; top: 23px; position: absolute ; height: 20px; width: 120px; font-size: 12px"/>
                            <p:inputText id="textCedulaRucClienteSeleccionarOrdenCompra"  
                                           style="width: 150px; font-size: 12px;left: 135px; top: 20px; position: absolute ; "/>
                            <h:outputLabel  for="textNombreClienteSeleccionarOrdenCompra"    value="Nombre Cliente:" 
                                           style=" font-weight: bold ; text-align: right;left: 10px; top: 53px; position: absolute ; height: 20px; width: 120px; font-size: 12px"/>
                            <p:inputText id="textNombreClienteSeleccionarOrdenCompra"  
                                           style="width: 280px; font-size: 12px;left: 135px; top: 50px; position: absolute ; "/>   
                            <p:commandButton id="botonBuscarClienteOrdenCompraSeleccionar" value="Buscar Cliente" type="push" icon="ui-icon-search" actionListener="#{pedidoWeb.clicBotonBuscarClienteOrdenCompraSeleccionar('formDialogoSeleccionarClienteOrdenCompra')}" update="tablaClienteSeleccionarOrdenCompra"
                                                style="font-size: 12px ;left: 430px; top: 47px; position: absolute; width: 150px;"  />
                        </p:panel>
                        <p:panel style="min-width: 580px; max-height: 220px;overflow-y: hidden ">
                            <h:panelGrid  columns="1" style="overflow-y: auto"   >
                                <p:commandButton id="botonTodosClienteOrdenCompraSeleccionar" value="Ver Todos" type="push" icon="ui-icon-search" actionListener="#{pedidoWeb.clicBotonTodosClienteOrdenCompraSeleccionar()}" update="tablaClienteSeleccionarOrdenCompra"
                                                style="font-size: 12px ; width: 150px;"  />
                                    
                                <p:scrollPanel  mode="native"  style="max-height: 160px;" >
                                    <p:dataTable id="tablaClienteSeleccionarOrdenCompra" value="#{pedidoWeb.tablaClienteSeleccionar}" var="tablaClienteSeleccionarOrdenCompra" style="width: 560px;max-width: 560px" scrollable="false"  scrollHeight="135" 
                                                 emptyMessage="No hay clientes con los criterios de búsqueda ingresados" selectionMode="single" selection="#{pedidoWeb.tablaClienteSeleccionarSeleccionado}" rowKey="#{tablaClienteSeleccionarOrdenCompra.numerocliente}" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100">
                                        <p:ajax  event="rowSelect" listener="#{pedidoWeb.eventoFilaSeleccionadaTablaClienteSeleccionarOrdenCompra()}"  process="@this" /> 
                                        <p:column id="columnaNumeroClienteSeleccionarOrdenCompra"  style="max-width: 100px;width: 100px;text-align: center; font-weight: 200" filterBy="#{tablaClienteSeleccionarOrdenCompra.numerocliente}" sortBy="#{tablaClienteSeleccionarOrdenCompra.numerocliente}" filterMatchMode="contains" >                                    
                                                <f:facet name="header">  
                                                    <h:outputText value="Cliente Numero" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                                <h:outputText value="#{tablaClienteSeleccionarOrdenCompra.numerocliente}" style="font-size: 8pt"/>
                                                
                                                <f:facet name="footer">  
                                                    <h:outputText value="Cliente Numero" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                            </p:column>
                                        <p:column id="columnaCedulaRucClienteSeleccionarOrdenCompra"  style="max-width: 150px;width: 150px;text-align: center; font-weight: 200"  filterBy="#{tablaClienteSeleccionarOrdenCompra.cedularuc}" sortBy="#{tablaClienteSeleccionarOrdenCompra.cedularuc}" filterMatchMode="contains">                                    
                                                <f:facet name="header">  
                                                    <h:outputText value="Cedula / RUC" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                                <h:outputText value="#{tablaClienteSeleccionarOrdenCompra.cedularuc}" style="font-size: 8pt"/>                                        
                                                <f:facet name="footer">  
                                                    <h:outputText value="Cedula / RUC" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                            </p:column>
                                        <p:column id="columnaNombreClienteSeleccionarOrdenCompra"  style="max-width: 320px;width: 320px;text-align: center; font-weight: 200"  filterBy="#{tablaClienteSeleccionarOrdenCompra.nombreCliente}" sortBy="#{tablaClienteSeleccionarOrdenCompra.nombreCliente}" filterMatchMode="contains">                                    
                                                <f:facet name="header">  
                                                    <h:outputText value="Cliente" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                                <h:outputText value="#{tablaClienteSeleccionarOrdenCompra.nombreCliente}" style="font-size: 8pt"/>                                        
                                                <f:facet name="footer">  
                                                    <h:outputText value="Cliente" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                            </p:column>                                    
                                        </p:dataTable>   
                                    </p:scrollPanel>
                            </h:panelGrid>
                        </p:panel>                                                    
                        <p:panel style="min-width: 580px; height: 35px;overflow-y: hidden;border-bottom: 0px ;border-left: 0px;border-right: 0px;border-top-width: 2px" >
                            <p:commandButton id="botonCancelarSeleccionarClienteOrdenCompraSeleccionar" value="Cancelar" type="push" icon="ui-icon-close" actionListener="#{pedidoWeb.clicBotonCancelarSeleccionarClienteOrdenCompraSeleccionar()}" oncomplete="dialogoSeleccionarClienteOrdenCompra.hide()"
                                                style="font-size: 12px ;left: 430px; top: 0px; width: 150px;"  />
                            <p:commandButton id="botonSeleccionarClienteOrdenCompraSeleccionar" value="Seleccionar" type="push" icon="ui-icon-check" actionListener="#{pedidoWeb.clicBotonSeleccionarClienteOrdenCompraSeleccionar('formDialogoSeleccionarClienteOrdenCompra')}" 
                                                style="font-size: 12px ;left: 125px; top: 0px; width: 150px;"  />
                 </p:panel>                     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
                    <!--seleccionar vendedor --> 
            <h:form id="formDialogoSeleccionarVendedorOrdenCompra">
                <p:dialog id="DialogoSeleccionarVendedorOrdenCompra" header="Seleccionar Vendedor" widgetVar="dialogoSeleccionarVendedorOrdenCompra" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 300;overflow-y: auto" >
                    <h:panelGrid  columns="1" style="overflow-y: auto" >
                        <p:panel style="min-width: 580px; height: 70px;overflow-y: hidden ">
                            <h:outputLabel  for="textCedulaRucVendedorSeleccionarOrdenCompra" value="Cedula / RUC:" 
                                           style=" font-weight: bold ; text-align: right;left: 10px; top: 23px; position: absolute ; height: 20px; width: 120px; font-size: 12px"/>
                            <p:inputText id="textCedulaRucVendedorSeleccionarOrdenCompra"  
                                           style="width: 150px; font-size: 12px;left: 135px; top: 20px; position: absolute ; "/>
                            <h:outputLabel  for="textNombreVendedorSeleccionarOrdenCompra"    value="Nombre Vendedor:" 
                                           style=" font-weight: bold ; text-align: right;left: 10px; top: 53px; position: absolute ; height: 20px; width: 120px; font-size: 12px"/>
                            <p:inputText id="textNombreVendedorSeleccionarOrdenCompra"  
                                           style="width: 280px; font-size: 12px;left: 135px; top: 50px; position: absolute ; "/>   
                            <p:commandButton id="botonBuscarVendedorOrdenCompraSeleccionar" value="Buscar Vendedor" type="push" icon="ui-icon-search" actionListener="#{pedidoWeb.clicBotonBuscarVendedorOrdenCompraSeleccionar('formDialogoSeleccionarVendedorOrdenCompra')}" update="tablaVendedorSeleccionarOrdenCompra"
                                                style="font-size: 12px ;left: 430px; top: 47px; position: absolute; width: 150px;"  />
                        </p:panel>
                        <p:panel style="min-width: 580px; max-height: 220px;overflow-y: hidden ">
                            <h:panelGrid  columns="1" style="overflow-y: auto"   >
                                <p:commandButton id="botonTodosVendedorOrdenCompraSeleccionar" value="Ver Todos" type="push" icon="ui-icon-search" actionListener="#{pedidoWeb.clicBotonTodosVendedorOrdenCompraSeleccionar()}" update="tablaVendedorSeleccionarOrdenCompra"
                                                style="font-size: 12px ; width: 150px;"  />
                                    
                                <p:scrollPanel  mode="native"  style="max-height: 200px;" >
                                    <p:dataTable id="tablaVendedorSeleccionarOrdenCompra" value="#{pedidoWeb.tablaVendedorSeleccionar}" var="tablaVendedorSeleccionarOrdenCompra" style="width: 560px;max-width: 560px" scrollable="false"  scrollHeight="135" 
                                                 emptyMessage="No hay clientes con los criterios de búsqueda ingresados" selectionMode="single" selection="#{pedidoWeb.tablaVendedorSeleccionarSeleccionado}" rowKey="#{tablaVendedorSeleccionarOrdenCompra.numerovendedor}" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" >
                                            <p:column id="columnaNumeroVendedorSeleccionarOrdenCompra"  style="max-width: 100px;width: 100px;text-align: center; font-weight: 200">                                    
                                                <f:facet name="header">  
                                                    <h:outputText value="Vendedor Numero" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                                <h:outputText value="#{tablaVendedorSeleccionarOrdenCompra.numerovendedor}" style="font-size: 8pt"/>
                                                
                                                <f:facet name="footer">  
                                                    <h:outputText value="Vendedor Numero" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                            </p:column>
                                            <p:column id="columnaCedulaVendedorSeleccionarOrdenCompra"  style="max-width: 150px;width: 150px;text-align: center; font-weight: 200">                                    
                                                <f:facet name="header">  
                                                    <h:outputText value="Cedula" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                                <h:outputText value="#{tablaVendedorSeleccionarOrdenCompra.numerocedula}" style="font-size: 8pt"/>                                        
                                                <f:facet name="footer">  
                                                    <h:outputText value="Cedula" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                            </p:column>
                                            <p:column id="columnaRucVendedorSeleccionarOrdenCompra"  style="max-width: 150px;width: 150px;text-align: center; font-weight: 200">                                    
                                                <f:facet name="header">  
                                                    <h:outputText value="RUC" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                                <h:outputText value="#{tablaVendedorSeleccionarOrdenCompra.numeroruc}" style="font-size: 8pt"/>                                        
                                                <f:facet name="footer">  
                                                    <h:outputText value="RUC" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                            </p:column>
                                            <p:column id="columnaNombreVendedorSeleccionarOrdenCompra"  style="max-width: 220px;width: 220px;text-align: center; font-weight: 200">                                    
                                                <f:facet name="header">  
                                                    <h:outputText value="Vendedor" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                                <h:outputText value="#{tablaVendedorSeleccionarOrdenCompra.nombrevendedor}" style="font-size: 8pt"/>                                        
                                                <f:facet name="footer">  
                                                    <h:outputText value="Vendedor" style="font-size: 8pt;font-weight: bold"/> 
                                                </f:facet>
                                            </p:column>                                    
                                        </p:dataTable>   
                                    </p:scrollPanel>
                            </h:panelGrid>
                        </p:panel>                                                    
                        <p:panel style="min-width: 580px; height: 35px;overflow-y: hidden;border-bottom: 0px ;border-left: 0px;border-right: 0px;border-top-width: 2px" >
                            <p:commandButton id="botonCancelarSeleccionarVendedorOrdenCompraSeleccionar" value="Cancelar" type="push" icon="ui-icon-close" actionListener="#{pedidoWeb.clicBotonCancelarSeleccionarVendedorOrdenCompraSeleccionar()}" oncomplete="dialogoSeleccionarVendedorOrdenCompra.hide()"
                                                style="font-size: 12px ;left: 430px; top: 0px; width: 150px;"  />
                            <p:commandButton id="botonSeleccionarVendedorOrdenCompraSeleccionar" value="Seleccionar" type="push" icon="ui-icon-check" actionListener="#{pedidoWeb.clicBotonSeleccionarVendedorOrdenCompraSeleccionar('formDialogoSeleccionarVendedorOrdenCompra')}"
                                                style="font-size: 12px ;left: 125px; top: 0px; width: 150px;"  />
                        </p:panel>                     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <!--Wizard para detalle pedido  flowListener="{userWizard.onFlowProcess}"-->             
            <h:form id="formDialogoAgregarItemOrdenCompra">
                <p:dialog id="DialogoAgregarItemOrdenCompra" header="Agregar Item" widgetVar="dialogoAgregarItemOrdenCompra" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;max-height: 320;overflow-y: auto;max-width: 650px" >
                    <p:wizard widgetVar="wizardAgregarItemOrdenCompra"  nextLabel="Siguiente" backLabel="Atrás" >

                        <p:tab id="tabWizardCalzado" title="   Calzado    " titleStyle="font-size:14px">
                                <p:panel header="Selección de Modelo de Calzado">
                                        <h:messages errorClass="error"/>
                                        <h:panelGrid  columns="1" style="overflow-y: auto" >
                                            <h:panelGrid  columnClasses="etiqueta,valor,boton" cellpadding="0" cellspacing="0" columns="3"  style="min-width: 580px;max-width: 580px; height: 43px;overflow-y: hidden; border-width: 0px " >
                                                <h:outputLabel  for="textCodigoCalzadoDetalleOrdenCompra" value="Codigo Calzado:" 
                                                            style=" font-weight: bold ; text-align: right;left: 10px; top: 23px; height: 20px; width: 120px; font-size: 12px"/>
                                                <p:inputText id="textCodigoCalzadoDetalleOrdenCompra"  
                                                            style="width: 150px; font-size: 12px;left: 135px; top: 20px;"/>                                                  
                                                <p:commandButton id="botonBuscarCodigoCalzadoDetalleOrdenCompra" value="Buscar Calzado" type="push" icon="ui-icon-search"
                                                                    style="font-size: 12px ; width: 150px"  />
                                            </h:panelGrid>
                                            <p:panel style="min-width: 500px; max-height: 220px;overflow-y: hidden;border-width: 0px ">
                                                <h:panelGrid  columns="1" style="overflow-y: auto"   >
                                                    <p:commandButton id="botonTodosModeloCalzadoOrdenCompraDetalle" value="Ver Todos" type="push" icon="ui-icon-search"
                                                                    style="font-size: 12px ; width: 150px;"  />

                                                    <p:scrollPanel  mode="native"  style="max-height: 200px;" >
                                                        <p:dataTable id="tablaModeloCalzadoOrdenCompraDetalle" value="{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaVendedorSeleccionarOrdenCompra" style="width: 500px;max-width: 500px" scrollable="false"  scrollHeight="135" 
                                                                        emptyMessage="No hay items en el pedido" >
                                                                <p:column style="max-width: 100px;width: 100px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Código Calzado" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstructura" style="font-size: 8pt"/>
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Código Calzado" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>
                                                                <p:column  style="max-width: 200px;width: 200px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Nombre Modelo" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstructuraMater" style="font-size: 8pt"/>                                        
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Nombre Modelo" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>
                                                                <p:column  style="max-width: 200px;width: 200px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Linea Producción" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstru" style="font-size: 8pt"/>                                        
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Linea Producción" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>                                    
                                                            </p:dataTable>   
                                                        </p:scrollPanel>
                                                </h:panelGrid>
                                            </p:panel>                                                                                                                 
                                        </h:panelGrid>
                                </p:panel>
                        </p:tab>

                        <p:tab id="tabWizardCuero" title="   Cuero    " titleStyle="font-size:14px">
                                <p:panel header="Selección de Cuero">
                                        <h:messages errorClass="error"/>
                                        <h:panelGrid  columns="1" style="overflow-y: auto" >
                                            <h:panelGrid  columnClasses="etiqueta,valor,boton" cellpadding="0" cellspacing="0" columns="4"  style="min-width: 580px;max-width: 580px; height: 43px;overflow-y: hidden; border-width: 0px " >
                                                <h:outputLabel  for="textCodCueroDetalleOrdenCompra" value="Cuero:" 
                                                            style=" font-weight: bold ; text-align: right;left: 10px; top: 23px; height: 20px; width: 100px; font-size: 12px"/>
                                                <p:inputText id="textCodCueroDetalleOrdenCompraDetalle"  
                                                            style="width: 150px; font-size: 12px;left: 135px; top: 20px;"/>  
                                                <h:selectOneMenu id="comboOpcionCueroDetalleOrdenCompraDetalle" 
                                                                    style="width: 115px; font-size: 12px;left: 85px; top: 82px">                                                  
                                                    <f:selectItem itemLabel="Nombre Cuero" itemValue="nombrecuero"  />
                                                    <f:selectItem itemLabel="Color Cuero" itemValue="color"  />
                                                    <f:selectItem itemLabel="Textura Cuero" itemValue="textura"  />
                                                </h:selectOneMenu> 
                                                <p:commandButton id="botonBuscarCueroDetalleOrdenCompraDetalle" value="Buscar Cuero" type="push" icon="ui-icon-search"
                                                                    style="font-size: 12px ; width: 150px"  />
                                            </h:panelGrid>
                                            <p:panel style="min-width: 500px; max-height: 220px;overflow-y: hidden;border-width: 0px ">
                                                <h:panelGrid  columns="1" style="overflow-y: auto"   >
                                                    <p:commandButton id="botonTodosCueroDetalleOrdenCompraDetalle" value="Ver Todos" type="push" icon="ui-icon-search"
                                                                    style="font-size: 12px ; width: 150px;"  />

                                                    <p:scrollPanel  mode="native"  style="max-height: 200px;" >
                                                        <p:dataTable id="tablaCueroDetalleOrdenCompraDetalle" value="{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaVendedorSeleccionarOrdenCompra" style="width: 500px;max-width: 500px" scrollable="false"  scrollHeight="135" 
                                                                        emptyMessage="No hay items en el pedido" >
                                                                <p:column style="max-width: 100px;width: 100px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Código Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstructura" style="font-size: 8pt"/>
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Código Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>
                                                                <p:column  style="max-width: 200px;width: 200px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Nombre Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstructuraMater" style="font-size: 8pt"/>                                        
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Nombre Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>
                                                                <p:column  style="max-width: 200px;width: 200px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Color Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstru" style="font-size: 8pt"/>                                        
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Color Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column> 
                                                                <p:column  style="max-width: 200px;width: 200px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Textura Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstru" style="font-size: 8pt"/>                                        
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Textura Cuero" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>  
                                                            </p:dataTable>   
                                                        </p:scrollPanel>
                                                </h:panelGrid>
                                            </p:panel>                                                                                                                 
                                        </h:panelGrid>
                                </p:panel>
                        </p:tab>

                        <p:tab id="tabWizardTacoSuela" titleStyle="font-size:14px" title=" Taco o Suela ">
                                <p:panel header="Selección de Taco o Suela">
                                        <h:messages errorClass="error"/>
                                        <h:panelGrid  columns="1" style="overflow-y: auto" >
                                            <h:panelGrid  columnClasses="etiqueta,valor,boton" cellpadding="0" cellspacing="0" columns="3"  style="min-width: 580px;max-width: 580px; height: 43px;overflow-y: hidden; border-width: 0px " >
                                                <h:outputLabel  for="comboOpcionTacoSuelaDetalleOrdenCompraDetalle" value="Seleccione:" 
                                                            style=" font-weight: bold ; text-align: right;left: 10px; top: 23px; height: 20px; width: 100px; font-size: 12px"/>                                                
                                                <h:selectOneMenu id="comboOpcionTacoSuelaDetalleOrdenCompraDetalle" 
                                                                    style="width: 115px; font-size: 12px;left: 85px; top: 82px">                                                  
                                                    <f:selectItem itemLabel="Taco" itemValue="taco"  />
                                                    <f:selectItem itemLabel="Suela" itemValue="suela"  />                                                    
                                                </h:selectOneMenu> 
                                                <p:commandButton id="botonBuscarTacoSuelaDetalleOrdenCompraDetalle" value="Cargar Datos" type="push" icon="ui-icon-search"
                                                                    style="font-size: 12px ; width: 150px"  />
                                            </h:panelGrid>
                                            <p:panel style="min-width: 500px; max-height: 220px;overflow-y: hidden;border-width: 0px ">
                                                <h:panelGrid  columns="1" style="overflow-y: auto"   >                                                    
                                                    <p:scrollPanel  mode="native"  style="max-height: 200px;" >
                                                        <p:dataTable id="tablaTacoSuelaDetalleOrdenCompraDetalle" value="{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaVendedorSeleccionarOrdenCompra" style="width: 500px;max-width: 500px" scrollable="false"  scrollHeight="135" 
                                                                        emptyMessage="No hay items en el pedido" >
                                                                <p:column style="max-width: 200px;width: 200px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Nombre" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstructura" style="font-size: 8pt"/>
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Nombre" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>
                                                                <p:column  style="max-width: 200px;width: 200px;text-align: center; font-weight: 200">                                    
                                                                    <f:facet name="header">  
                                                                        <h:outputText value="Alto/Talla" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                    <h:outputText value="{tablaEstructuraMater" style="font-size: 8pt"/>                                        
                                                                    <f:facet name="footer">  
                                                                        <h:outputText value="Alto/Talla" style="font-size: 8pt;font-weight: bold"/> 
                                                                    </f:facet>
                                                                </p:column>                                                                
                                                            </p:dataTable>   
                                                        </p:scrollPanel>
                                                </h:panelGrid>
                                            </p:panel>                                                                                                                 
                                        </h:panelGrid>
                                </p:panel>
                        </p:tab>

                        <p:tab id="tabWizardCantidadPares" titleStyle="font-size:14px" title="Cantidad Pares">
                                <p:panel header="Cantidad de Pares por Talla">
                                    <!-- filterBy="{car[column.property]}"--> 
                                        <p:dataTable id="tablaCantidadParesDetalleOrdenCompraDetalle" value="{modelocalzadoWeb.listaTablaEstructuraMateriales}" var="tablaVendedorSeleccionarOrdenCompra" style="width: 500px;max-width: 500px" scrollable="false"  scrollHeight="135" 
                                                        emptyMessage="No hay items en el pedido" >
                                                 <p:columns value="{tableBean.columns}" var="column" columnIndexVar="colIndex" 
                                                            sortBy="{car[column.property]}" >
                                                    <f:facet name="header">
                                                        {column.header}
                                                    </f:facet>

                                                    {car[column.property]}
                                                </p:columns>                                                              
                                            </p:dataTable>

                                        <p:commandButton value="Submit" update="growl"/>
                                </p:panel>
                        </p:tab>

                    </p:wizard>
                </p:dialog>
            </h:form>
            <!--Modificacion Modelo Calzado --> 
            <!--proceso de modificacion modelo calzado -->  
            
            
            <!--Eliminacion Modelo de Calzado -->    
                          
            </ui:define>
        </ui:composition>
    </body>
</html>

